<!DOCTYPE html>
<html style="background:#fff">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />		
	<meta content="yes" name="apple-mobile-web-app-capable"> 
	<meta content="yes" name="apple-touch-fullscreen"> 
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<meta charset="UTF-8">
	<title>名师详情</title>
	<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
	<link href="css/mui.min.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="css/mui.min.css">
	<script type="text/javascript" src="js/flexible.js"></script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<style type="text/css">
	#modelView{z-index:0;height: 100%;width: 100%;position: relative;}
	.playvideo{padding-top: auto;z-index: 9999;position: relative;}
	.zy_media{z-index: 999999999}
	.education-head-right li:nth-of-type(1){
		margin-left:0;
	}
	.te-box .banner img{width: 100%;}
	</style>
	<link rel="stylesheet" href="css/zy.media.min.css">
</head>
<body style="background:none;">
	<div class="te-box">
		<div class="banner">
			<img src="images/index/jy2.png"/>
		</div>
		<p class='te-box-p'>
			陈智林是第十届，第十一届全国人大代表，四川省联副主席，四川省青联副主席，四川省戏剧家协会副主席
		</p>
		<div class="te-head">
			<div class="te-head-dw">
				<div class="te-head-left fl">
					<img src="images/tx/tx2.png" class="fl" alt=""/>
					<div class="te-head-left-right fl">
						<h2>陈智林</h2>
						<ul class="education-head-right" style="overflow: hidden;margin-top:0.24rem;">
							<li style="float:left;">现代舞</li>
							<li style="float:left;">民族舞</li>
							<li style="float:left;margin-left:0.173rem">现代舞</li>

						</ul>
						<div class="ehl-box-rz clear" style="overflow: hidden;">
							<div class="fl" style="margin-top:0;"></div>
							<div class="fl" style="margin-top:0;"></div>
						</div>
					</div>
				</div>
				<a class="fr te-gz" href="javascript:;">关注</a>
			</div>	
		</div>
		<div class="te-head-content">
			<p class="mark">
			男，汉族，1964年1月1日出生，四川省成都市人，第十届全国人大代表，四川省川剧院院长，四川省戏剧家协会副主席，国家一级演员、“梅花奖、二度梅奖”得主。他一身三任，令人瞩目：作为“二度梅”获得者，他是川剧剧种的代表人物；作为四川省川剧院院长，陈智林为振兴川剧、弘扬优秀民族文化呕心沥血；作为四川省的两届全国人大代表，他不遗余力地为文艺体制改革、建设和谐社会鼓与呼。	
			</p>
		</div>
		
		<div id="xqBox" style="display: none;">
			<p>
			男，汉族，1964年1月1日出生，四川省成都市人，第十届全国人大代表，四川省川剧院院长，四川省戏剧家协会副主席，国家一级演员、“梅花奖、二度梅奖”得主。他一身三任，令人瞩目：作为“二度梅”获得者，他是川剧剧种的代表人物；作为四川省川剧院院长，陈智林为振兴川剧、弘扬优秀民族文化呕心沥血；作为四川省的两届全国人大代表，他不遗余力地为文艺体制改革、建设和谐社会鼓与呼。	
			</p>
			<p>
				陈智林是第十届、第十一届全国人大代表，四川省文联副主席，四川省青联副主席，四川省戏剧家协会副主席，四川省川剧院党委书记、院长[4]  。
			</p>
			<p>荣获全国文化先进个人、文化部优秀专家、中宣部“四个一批人才”、四川省“德艺双馨”艺术家、国务院特殊津贴，四川十大杰出青年、四川省优秀共产党员、四川省文化系统抗震救灾先进个人等荣誉。是国家级非物质文化遗产川剧传承人。</p>
			<p>在《巴山秀才》、《易胆大》、《望娘滩》、《夫妻桥》、《托国入吴》、《峨眉山月》、《和亲记》、《尘埃落定》、《夕照祁山》等几十出大小剧目中担任主演。成功塑造了秀才孟登科、名优易胆大、越王勾践、麦其土司、魏延等脍炙人口的舞台艺术形象。先后荣获荣获中国戏剧梅花奖、二度梅花奖、中国政府文化奖——文华表演奖、中国戏剧优秀表演奖，上海白玉兰戏剧表演奖等国家级大奖。</p>
		</div>
		<div class="te-head-content">
			<a href="javascript:void(0);" id="xqBtn">查看详情</a>	
		</div>
			
		
		
	</div>
	
	<ul class="te-nav-list">
		<li class="active chilrd-nav">照片</li>
		<li class="chilrd-nav">视频</li>
	</ul>
	
	<div class="te-box-show clear">
		<ul class="education-content-img">
			<li><a href=""><img src="images/index/jy2-1.png"/></a></li>
			<li><a href=""><img src="images/index/jy2-3.png"/></a></li>
			<li><a href=""><img src="images/index/jy2-2.png"/></a></li>
		</ul>
	</div>	
	<div class="te-box-show clear" style="display:none;">
		<ul class="education-content-img">
			<li style="position:relative;"><a href=""><img src="images/index/jy2-1.png"/><span class="bf-box" style="top:79%;"></span></a></li>
			<li style="position:relative;"><a href=""><img src="images/index/jy2-3.png"/><span class="bf-box" style="top:63%;"></span></a></li>
			<li style="position:relative;"><a href=""><img src="images/index/jy2-2.png"/><span class="bf-box" style="top:79%;"></span></a></li>
		</ul>
	</div>	
	<script type="text/javascript">
		$("#xqBtn").click(function(){
			$(".mark").hide();
			$("#xqBox").show();
			$(this).parent().hide();
		})
	</script>
</body>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/zy.media.min.js"></script>
<script>
//document.documentElement.style.overflow='hidden';
 document.body.style.overflow='hidden';
    zymedia('video',{autoplay: false});


//视频照片切换
		mui("body").on('tap','.chilrd-nav',function(){
		  //获取链接
			 var that = this;
			 var Index = $(this).index()
			 $('.chilrd-nav').removeClass('active');
			 $(that).addClass('active');
			 $('.te-box-show').hide();
			 $('.te-box-show').eq(Index).show();
		})
</script>

</html>
